@import url(../css/reset.css);

@import url(../css/classes-funcionais.css);

@import url(http://fonts.googleapis.com/css?family=Ubuntu);

/* -************************************************-*/
/* ---------->>> CONFIGURAÇÕES GLOBAIS <<<-----------*/
/* -************************************************-*/

*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

body{text-align: center; font-family: 'Ubuntu', sans-serif;  font-size: 15px; color: #333; 
background: #FFF url(../imgs/bg-geral.jpg) no-repeat center top fixed}

html{overflow-x: hidden;}
    
ol{list-style: decimal;}

ul{list-style: disc;}

small{font-size: 10px;}

big{font-size: 23px;}

strong, b{font-weight: bold;}
    
em, i{font-style: italic;}
    
ins{text-decoration: underline;}

table{border-collapse: collapse;}

table th{color: #373435; font-weight: bold;}

table tr td {border:1px solid #DDD; padding: 5px;}
   
a:link, a:visited, a:active{text-decoration: none; color: inherit !important;}
    
a:hover{text-decoration: underline;}

h1{font-size: 25px;}

h2{font-size: 23px;}
    
h3{font-size: 21px;}

h4{font-size: 19px}

h5{font-size: 17px;}

h6{font-size: 15px;}    

    .centro{width: 100%; max-width: 1200px; height: auto; text-align: left; margin: 0 auto;}
    
    .clear{clear: both; height: 1px;}
    
    .imagemEsquerda{float: left; margin: 0 25px 15px 0;}
    
    .esquerdaGeral{float: left; padding: 0 25px 15px 0;}
    
    .imagemDireita{float: right; margin: 0 0 15px 25px;}
    
    .direitaGeral{float: right; padding: 0 0 15px 25px;}
   
    .titulo{margin-bottom: 20px; color: #333; font-size: 30px !important; font-family: 'Ubuntu';}
	
	header{width: 100%; height: 120px; background: url('../imagem/header/header.png') repeat-x;	}
	
	.navTop{width: 100%; height: 50px; position: relative; background:  #FFF; border-top: 2px solid #007EAE; }

    h1#logo{width: 300px; height: 96px; float: left; background: url(../imagem/logo.png) no-repeat; text-indent: -999px;}

    #atendimento-topo{width: 200px; height: 95px; float: right; margin: 12px 0 0; padding: 15px 15px 10px 70px;
     background: url(../imagem/icones/atendimento.jpg) no-repeat left; font-size: 16px;}
     
	.navbar .nav > li > a{padding: 23px 25px !important; font-size: 17px;}

	.navbar-inner{}

	.fixo{position: fixed; top: 0}

	.nav-pills > li > a{border-radius: 0 !important;}
	
	.dropdown-menu li > a{padding: 10px 20px !important;}

	.navbar .nav > li > a:hover, .dropdown-menu li > a:hover{background: #007EAE !important; color: #FFF !important;}

	#menu{width: 1000px;}

section{padding-top:450px;}

/*.box-destaque{width: 50%; height: 200px; float: left; padding: 20px 0; text-align: center; color: #FFFEFA;}*/
.box-destaque{width: 20%; height: 200px; float: left; padding: 20px 0; text-align: center; color: #FFFEFA;}

.box-destaque-index{width: 50%;}

.box-destaque:hover{
-moz-transition: all 0.3s linear; 
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
box-shadow: 0 0 10px #000 inset;
}

.box-destaque h3{font-size: 18px; font-family: 'Ubuntu'; line-height: 22px;}

	.box-pacotes-nacionais{background: #27ae60;}

	.box-pacotes-internacionais{background: #2980b9;}

	.box-hoteis-resorts{background: #d35400;}

	.box-cruzeiros-maritimos{background: #c0392b;}

	.box-disney{background: #8e44ad;}

	.pacotes-seguros{background: #BF5A14}

section li h3{
	position: relative;
	margin: 0 auto;
	padding: 0;
	top:40px;
	font-size: 0.9em;
	text-align: center;
}

section li img{position: relative;}

#conteudo{width: 50%; min-height: 500px; padding: 10px; float: left; border-top: 4px solid #000; background: #FFF;}

#boxes{width: 50%; float: right}

footer{width: 100%; height: 140px; margin: 30px 0 0 0;top:500px; background: url('../imagem/bg-preto-transparente.png') repeat;}

#copy{width: 300px; height: 120px; float: left; padding: 40px 0 0; color: #FFF;}

#carrosel-marcas{width: 570px; height: 120px; float: right; margin: 10px 0 0; overflow: hidden;}

.formularios input{height: 35px !important;}

/*---------
PACOTES
----------*/
.pacote-viagem{width: 100%; height: auto; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; 
        padding: 5px 0;}
    
.destaque-informacoes-pacote{width: 70%;}
    
.imagem-destaque-pacote{margin: 12px 0 0;}

.imagem-destaque-pacote img{max-width: 150px; margin-bottom: 10px;}


.no-float, .noFloat {float:none;}
.f-right, .fRight {float:right;}
.f-left, .fLeft {float:left;}

.c-both, .cBoth {clear:both;}
.c-right, .cRight {clear:right;}
.c-left, .cLeft {clear:left;}

.d-block, .dBlock {display:block;}
.d-inline, .dInline {display:inline; float:none;}
.d-inlineblock, .dInlineBlock {display:inline-block; float:none;}
.d-none, .dNone,
.hide, .hide {display:none;}
.hideAccessible {
  position:absolute;
  top:-9999px; left:-9999px;
}

.no-margin, .noMargin {margin:0;}
.no-marginleft, .noMarginLeft, .row.noMarginLeft {margin-left:0;}
.no-marginright, .noMarginRight {margin-right:0;}
.no-margintop, .noMarginTop {margin-top:0;}
.no-marginbottom, .noMarginBottom {margin-bottom:0;}

.no-padding, .noPadding {padding:0;}
.no-padding-left, .noPaddingLeft {padding-left:0;}
.no-padding-right, .noPaddingRight {padding-right:0;}
.no-padding-top, .noPaddingTop {padding-top:0;}
.no-padding-bottom, .noPaddingBottom {padding-bottom:0;}

.txtLeft, .txt-left {text-align:left;}
.txtRight, .txt-right {text-align:right;}
.txtJustify, .txt-justify {text-align:justify;}
.txtCenter, .txt-center {text-align:center;}

.widthAuto, .widthAuto {width: auto;}
.widthInherit {width: inherit;}

.no-border, .noBorder {border:none;}
.no-border-right, .noBorderRight {border-right:none;}
.no-border-left, .noBorderLeft {border-left:none;}
.no-border-bottom, .noBorderBottom {border-bottom:none;}
.no-border-top, .noBorderTop {border-top:none;}

hr, hr.sepDot {border:none; border-bottom:1px solid #e5e5e5; background:none; display:block; margin:15px 0;}
.boxCollapse hr, .boxCollapse hr.sepDot {border-color:#c9c9c9;}
hr.sepDot {border-bottom:1px dotted #E5E5E5;}
hr.dotsSep {height: 5px; background: url(/img/titDots.png);  margin:20px 0;}
hr.sep {background-color: #E5E5E5; }

.noBullet, .noListStyle {list-style:none;}

.cursorPointer, .cursor-pointer {cursor: pointer;}
.cursorDefault, .cursor-default {cursor: default;}
.cursorCrosshair, .cursor-crosshair {cursor: crosshair}
.cursorMove, .cursor-move {cursor: move}
.cursorHelp, .cursor-help {cursor: help;}
.cursorWait, .cursor-wait {cursor: wait;}
.cursorInherit, .cursor-inherit {cursor: inherit;}
.cursorText, .cursor-text {cursor: text;}
.cursorProgress, .cursor-progress {cursor: progress;}

.cursorGrab, .cursor-grab {
  cursor:hand;
  cursor:grab;
  cursor:-moz-grab;
  cursor:-webkit-grab;
}
.cursorGrabbing, .cursorgrabbing {
  cursor:grabbing;
  cursor:-moz-grabbing;
  cursor:-webkit-grabbing;
}

.marginBottom40 {
  margin-bottom: 40px;
}

.marginBottom30 {
  margin-bottom: 30px;
}

.marginBottom20 {
  margin-bottom: 20px;
}

.marginBottom15 {
  margin-bottom: 15px;
}

.marginBottom10 {
  margin-bottom: 10px;
}

.marginBottom5 {
  margin-bottom: 5px;
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block !important;
}

/** COLORS **/
.bgWhite {
  background: white;
}
